<template>
  <Header></Header>
  <main class="container max-w-screen-xl mx-auto p-4 px-6">
    <div class="grid grid-cols-4 gap-7">
      <div class="col-span-4 md:col-span-3 mb-3">
        <!-- 分类列表 -->
        <CategoryListCard/>
      </div>

      <aside class="col-span-4 md:col-span-1">
        <UserInfoCard/>
        <TagListCard/>
      </aside>
    </div>
  </main>
  <ScrollToTopButton/>
  <fotter/>
</template>

<script setup>
import Header from "@/pages/frontend/components/Header.vue";
import Fotter from "@/pages/frontend/components/fotter.vue";
import UserInfoCard from "@/pages/frontend/components/UserInfoCard.vue";
import TagListCard from "@/pages/frontend/components/TagListCard.vue";
import CategoryListCard from "@/pages/frontend/components/categoryListCard.vue";
import ScrollToTopButton from "@/pages/frontend/components/ScrollToTopButton.vue";
</script>



<style scoped>

</style>
